{% load static %}
<div class="category-sidebar">
    <ul class="category-list">
        {% for category in categories %}
        <li class="category-item">
            <a href="{% url 'category' category.id %}">
                <i class="bi bi-grid"></i> {{ category.name }}
            </a>
            <div class="subcategory-panel">
                <div class="panel-content">
                    {% for subcategory in category.subcategories.all %}
                    <div class="subcategory-block">
                        <h6 class="subcategory-title">
                            <a href="{% url 'subcategory' subcategory.id %}">{{ subcategory.name }}</a>
                        </h6>
                        <div class="product-type-grid">
                            {% for product_type in subcategory.product_types.all %}
                            <a href="{% url 'product_type' product_type.id %}" class="product-type-item">{{ product_type.name }}</a>
                            {% endfor %}
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </li>
        {% endfor %}
    </ul>
</div> 